<template>
  <div>
  <van-tabs color="#ff976a" v-model="active">
  <van-tab v-for="(item, index) in list" :key="index" :title="item.title">
    <home-banner></home-banner>
    <home-nav-list></home-nav-list>
  </van-tab>
  <!-- <van-tab title="智能"></van-tab>
  <van-tab title="电视"></van-tab>
  <van-tab title="家电"></van-tab>
  <van-tab title="笔记本"></van-tab> -->
  </van-tabs>
<!-- <home-banner></home-banner> -->
</div>
</template>
<script>
import Vue from 'vue'
import { Tab, Tabs } from 'vant'
import HomeBanner from './HomeBanner.vue'
import HomeNavList from './HomeNavList.vue'
Vue.use(Tab)
Vue.use(Tabs)
export default {
  data () {
    return {
      list: [
        { id: 1, title: '推荐' },
        { id: 1, title: '智能' },
        { id: 1, title: '电视' },
        { id: 1, title: '家电' },
        { id: 1, title: '笔记本' }
      ],
      active: 0
    }
  },
  components: {
    HomeBanner,
    HomeNavList
  }
}
</script>
<style lang="scss" scoped>

</style>
